.headtop{width: 100%; height: 32px; background-color: #eee;}
.headtop::after{content: ''; display: block; clear: both; }
.headtop span{float: right; line-height: 32px; vertical-align: middle; padding: 0 15px; background: url(../image/splitline-gray.jpg) left center no-repeat;}
.headtop span i{font-size: 1.7rem; color:#0b3388; margin-right: 8px; line-height: 32px;}
.headtop span a{float: right; line-height: 32px; color:#0b3388; }
.headtop span a:first-child{font-size: 1.2rem; color:#333; padding-left: 8px;}
.headtop span a:last-child{font-size: 1.2rem; color:#0b3388; padding: 0px 8px;}
.headtop ul{float: right;}
.headtop ul::after{content: ''; display: block; clear: both; }
.headtop ul li{float: right;}
.headtop ul li a{font-size: 1.2rem; color:#333; line-height: 32px; padding: 0 15px; background: url(../image/splitline-gray.jpg) left center no-repeat;}
.headtop a:hover{color:#0b3388;}

.headmiddle{width: 100%; height: 84px;}
.headmiddle .container{position: relative;}
.logo{float: left; width: 186px; height: 55px; margin-top: 12px;}
.logo a img{width: 100%; height: 100%;}
.slogan{
	font-size: 1.8rem;
	color:#000;
	/*border-top:1px solid #000;*/
	/*border-bottom:1px solid #000;*/
	margin-left: 5px;
	margin-top: 20px;
}
.slogan p{
	font-size: 1.27rem;
	font-weight: bold;
	margin: 0.5px 0 0;
	padding-top: 0.5px;
	border-top:1px solid #000;
}
.slogan .logotitle{
	font-size: 1.5rem;
	font-weight: 600;
	color: #e89321;
}
.headmiddle button{}
.phonediv{float: right; text-align: right; margin: 0; position: absolute; right: 28px; top:0px; }
.phonediv i{font-size: 3.6rem; color:#0b3388; width: 40px; height: 84px; vertical-align: middle; line-height: 88px;}
.phonediv span{font-size: 2.8rem; color:#626262;  font-family: "DIN-Bold"; padding-left: 20px; vertical-align: middle; line-height: 84px;}

.headnav{width: 100%; height: 48px; background-color: #333; position: relative; z-index: 2;}
.carousel { position: relative;z-index: 1;}
.mynav{margin: 0; padding: 0;}

.mynav, .mynav ul, .mynav ul>li, .mynav ul>li>a, .mynav #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mynav{z-index: 2;}
.mynav:after, .mynav>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.mynav #menu-button {
	display: none
}
.mynav {
	width: auto;
	/*font-family: "Poppins";*/
	line-height: 1;
}
#menu-line {
	position: absolute;
	/*top: 0;*/
	bottom:4px;
	left: 0;
	height: 3px;
	background: #d11817;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.mynav>ul>li {
	float: left
}
.mynav.align-center>ul {
	font-size: 0;
	text-align: center
}
.mynav.align-center>ul>li {
	display: inline-block;
	float: none
}
.mynav.align-center ul ul {
	text-align: left
}
.mynav.align-right>ul>li {
	float: right
}
.mynav.align-right ul ul {
	text-align: right
}
.mynav>ul>li>a {
	padding: 17px 30px 17px 31px;
	font-size: 1.3rem;
	text-decoration: none;
	background: url(../image/splitline-gray.jpg) left center no-repeat transparent;
	/*text-transform: uppercase;*/
	color: #f5f5f5;
	vertical-align: middle;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}
.mynav>ul>li:hover>a, .mynav>ul>li.active>a {
	color: #fff;
	background-image: none;
	background-color: #0b3388;
	background-color: #039dfa;
}

.mynav>ul>li.has-sub>a {
	/*padding-right: 25px*/
}
.mynav>ul>li.has-sub>a::after {
	/*
	position: absolute;
	top: 21px;
	top: 44px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color .2s ease;
	-moz-transition: border-color .2s ease;
	-ms-transition: border-color .2s ease;
	-o-transition: border-color .2s ease;
	transition: border-color .2s ease
	*/
	/*
	content: "\f078";
	font-size: 1.2rem;
	color:#333;
	font-family: FontAwesome;*/
}
.mynav>ul>li.has-sub:hover>a::after {
	border-color: #d11817
}
.mynav ul ul {
	position: absolute;
	left: -9999px
}
.mynav li:hover>ul {
	left: auto
}
.mynav.align-right li:hover>ul {
	right: 0
}
.mynav ul ul ul {
	margin-left: 100%;
	top: 0
}
.mynav.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%
}
.mynav ul ul li {
	/*height: 0;*/
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
	position: sticky;
	width: 180px;
	height: inherit;
	overflow: visible;
}
.mynav ul li:hover>ul>li {
	/*height: 32px*/
}
.mynav ul ul li a {
	padding: 10px 20px;
	/*width: 270px;*/
	width: 100%;
	height: auto;
	display:inline-block;
	/*position:static;*/
	font-size: 1.3rem;
	word-spacing: 1px;
	background: rgba(64,64,64,1.0);
	text-decoration: none;
	color: #fff;
	border-bottom:1px solid #262626;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}
.mynav ul ul li:hover>a, .mynav ul ul li a:hover {
	color: #fff;
	background-color: #039dfa;
}
.mynav ul ul{/*border-left:1px solid #7b5bcd;  border-right:1px solid #7b5bcd; border-top: 1px solid #7b5bcd;*/ padding: 0;}
/*.mynav ul ul::before{content: "\f052"; display: block; position:absolute; top: -22px; left: 58px; color:#7b5bcd; font-size: 48px; font-family: FontAwesome; }*/
.mynav ul ul ul::before{content: ""; display: none; }

.mynav ul ul li.has-sub>a::after {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color .2s ease;
	-moz-transition: border-color .2s ease;
	-ms-transition: border-color .2s ease;
	-o-transition: border-color .2s ease;
	transition: border-color .2s ease
}
.mynav.align-right ul ul li.has-sub>a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd
}
.mynav ul ul li.has-sub:hover>a::after {
	border-color: #fff;
}

.mynav ul ul ul li a{background: rgba(96,96,96,1.0); border-bottom:1px solid #414141;}

@media all and (max-width:767px){
	.headnav{width: 100%; height: 48px; background-color: #fff; position: relative; z-index: 2;}
	.headnav .container { padding: 0; height: 100%; width: 100%;}
	#m_lang{display: block; float: right; position: absolute; top: 11px; right: 64px; z-index: 4;}
	#m_lang a{display: block; width: 30px; height: 30px; background-color: #0b3388; color:#fff; text-align: center; line-height: 30px; border-radius: 50%;}
	.mynav {
		width: 100%;
	}
	.mynav ul {
		width: 100%;
		display: none;
		position: fixed;
	    background: rgb(255, 255, 255);
	    height: 100%;
	    padding-bottom: 100px;
	    overflow-y: auto;
	}
	.mynav.align-center>ul, .mynav.align-right ul ul {
		text-align: left
	}
	.mynav ul li, .mynav ul ul li, .mynav ul li:hover>ul>li {
		width: 100%;
		height: auto;
		border-top: 1px solid rgba(120,120,120,.15)
	}
	.mynav ul li a, .mynav ul ul li a {
		width: 100%;
		padding: 20px;
	}
	.mynav>ul>li>a {font-size: 1.3rem; background-color: #fff; background-image: none; color:#434343;}
	.mynav>ul>li, .mynav.align-center>ul>li, .mynav.align-right>ul>li {
		float: none;
		display: block
	}
	.mynav ul ul li a {
		padding: 20px 20px 20px 30px;
		font-size: 1.3rem;
		color: #000;
		background: 0 0
	}
	.mynav ul ul li a:before{content: "\f105"; display:inline-block; font-size: 15px; font-weight: 700; color:#000; padding-right: 8px; font-family: FontAwesome;}
	
	.mynav ul ul li:hover>a, .mynav ul ul li a:hover {
		color: #000;
		background-color: #f5f5f5;
	}
	.mynav ul ul ul li a {
		padding-left: 40px
	}
	.mynav ul ul ul li a:before{content: "\f101"; display:inline-block; font-size: 15px; font-weight: 700; color:#000; padding-right: 8px; font-family: FontAwesome;}
	.mynav ul ul{border: none; /*border-top: 1px solid rgba(120,120,120,.15);*/}
	.mynav ul ul li a{border-bottom:none;}
	.mynav ul ul, .mynav ul ul ul {
		position: relative;
		left: 0;
		right: auto;
		width: 100%;
		margin: 0
	}
	.mynav>ul>li.has-sub>a::after, .mynav ul ul li.has-sub>a::after {
		display: none
	}
	#menu-line {
		display: none
	}
	.mynav #menu-button {
		display: block;
		padding: 10px 20px;
		height: 56px;
		box-sizing: border-box;
		color: #000;
		cursor: pointer;
		font-size: 12px;
		text-transform: uppercase
	}
	.mynav #menu-button a img{width:120px; display: inline;}
	.mynav #menu-button i{float: right; font-size: 32px;}
	.mynav #menu-button span{color:#303030; float: right; padding-right: 10px; line-height: 26px;}
	.mynav #menu-button span a{color:#303030; padding: 0 10px; font-size: 15px; }

	.mynav .submenu-button {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120,120,120,.15);
		height: 52px;
		width: 52px;
		cursor: pointer
	}
	.mynav .submenu-button::after {
		content: '';
		position: absolute;
		top: 21px;
		left: 26px;
		display: block;
		width: 1px;
		height: 11px;
		background: #000;
		z-index: 99
	}
	.mynav .submenu-button::before {
		content: '';
		position: absolute;
		left: 21px;
		top: 26px;
		display: block;
		width: 11px;
		height: 1px;
		background: #000;
		z-index: 99
	}
	.mynav .submenu-button.submenu-opened:after {
		display: none
	}
	.mynav>ul>li:last-child a {  padding: 20px;}
	.mynav>ul>li>a>i {
		width: 36px;
		text-align: center;
		font-size: 2.8rem;
		line-height: 15px;
		vertical-align: top;
		margin-right: 6px;
	}
	.mynav ul ul::before{display: none;}
	.mynav ul ul ul li{}
	.mynav ul ul ul li a {  background: rgba(255,255,255,1.0);  border-bottom: 1px solid #ccc;}
}
@media (min-width:768px) and (max-width:1023px){
	.mynav>ul>li>a {padding: 17px 10px; font-size: 1.2rem;}
	.mynav>ul>li>a>i{display: none;}
}
@media (min-width:1024px) and (max-width:1366px){
	.mynav>ul>li>a {
		padding: 17px 22px;}
}

@media (min-width:768px) and (max-width:991px)
{
	.slogan { margin-top: 13px;}
}